<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>QAQ 商标注册官网-提供专业商标注册的网站</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <script src="/layui/layui.js"></script>

    <!-- Favicon -->
    <link rel="icon" href="/customIndex/img/core-img/favicon.ico">

    <!-- Stylesheet -->
    <link rel="stylesheet" href="/customIndex/style.css">

</head>

<body>
<!-- Preloader -->
<div class="preloader d-flex align-items-center justify-content-center">
    <div class="spinner">
        <div class="double-bounce1"></div>
        <div class="double-bounce2"></div>
    </div>
</div>

<!-- ##### Header Area Start ##### -->
<header id="header" class="header-area">

    <!-- Navbar Area -->
    <div class="mag-main-menu" id="sticker">
        <div class="classy-nav-container breakpoint-off">
            <!-- Menu -->
            <nav class="classy-navbar justify-content-between" id="magNav">

                <!-- logo-->
                <a href="/toCustomIndex" style="margin: auto" class="nav-brand"><img
                        style="position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);"
                        src="/customIndex/img/core-img/logo.png" alt=""></a>

                <!-- Navbar Toggler -->
                <div class="classy-navbar-toggler">
                    <span class="navbarToggler"><span></span><span></span><span></span></span>
                </div>

                <!-- Nav Content -->
                <div class="nav-content d-flex align-items-center">
                    <div class="classy-menu">
                        <!-- Close Button -->
                        <div class="classycloseIcon">
                            <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                        </div>
                        <!-- Nav Start -->
                        <div class="classynav">
                            <ul>
                                <li><a href="#footer">联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</header>
<div>
    <table id="businessTable" lay-filter="businessTableTest"></table>
    <table id="progressTable" lay-filter="progressTableTest"></table>
</div>
<!-- ##### Login Area End ##### -->

<!-- ##### Footer Area Start ##### -->
<footer id="footer" class="footer-area">
    <div class="container">
        <div class="row">
            <!-- Footer Widget Area -->
            <div class="col-12 col-sm-6 col-lg-6">
                <div class="footer-widget">
                    <!-- Logo -->
                    <div class="widget-title">
                        <img src="/customIndex/img/core-img/logo2.png" alt=""><span
                            style="color: white;font-size: small">&nbsp;Quality And Quick</span>
                    </div>

                    <p>&emsp;&emsp;我们提供商标查询、商标注册、商标变更、商标续展、商标转让、商标补证、商标许可等一系列专业服务。
                        <br/>&emsp;&emsp;我们始终关注着企业服务行业的前沿动态，在这变幻莫测的市场中为客户找到最佳的定位及解决方案，提升企业的影响和核心竞争力，帮助客户赢得市场先机。
                        <br/>&emsp;&emsp;我们坚信：真诚的态度，勤奋的工作，是我们赢得客户信赖的基础；而不断创新、力求完美，才是我们共同迈向美好未来的保证。</p>
                </div>
            </div>

            <!-- Footer Widget Area -->
            <div class="col-12 col-sm-6 col-lg-3">
                <div class="footer-widget">
                    <h6 class="widget-title">联系我们</h6>
                    <img src="/customIndex/img/core-img/contactUs1.jpg">
                </div>
            </div>
            <div class="col-12 col-sm-6 col-lg-3">
                <div class="footer-widget">
                    <h6 class="widget-title1">&nbsp;</h6>
                    <img src="/customIndex/img/core-img/contactUs2.jpg">
                </div>
            </div>

            <!-- Footer Widget Area -->
            <div class="col-12 col-sm-6 col-lg-3">
                <div class="footer-widget">

                </div>
            </div>
        </div>
    </div>

    <!-- Copywrite Area -->
    <div class="copywrite-area">
        <div class="container">
            <div class="row">
                <!-- Copywrite Text -->
                <div class="col-12 col-sm-6">
                    <p class="copywrite-text">
                        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                        &copy;<script>document.write(new Date().getFullYear());</script>
                        com.cloudwise 商标注册管理系统 by <a href="https://www.cloudwise.com/" target="_blank">Group One</a>
                        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
                </div>
                <div class="col-12 col-sm-6">
                    <nav class="footer-nav">
                        <ul>
                            <li><a href="#">Ivan</a></li>
                            <li><a href="#">Enzo</a></li>
                            <li><a href="#">Back</a></li>
                            <li><a href="#">Epic</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- jQuery-2.2.4 js -->
<script src="/customIndex/js/jquery/jquery-2.2.4.min.js"></script>
<!-- Popper js -->
<script src="/customIndex/js/bootstrap/popper.min.js"></script>
<!-- Bootstrap js -->
<script src="/customIndex/js/bootstrap/bootstrap.min.js"></script>
<!-- All Plugins js -->
<script src="/customIndex/js/plugins/plugins.js"></script>
<!-- Active js -->
<script src="/customIndex/js/active.js"></script>

<script>
    layui.use('table', function () {
        var table = layui.table;
        let businessUrl = '/business/showBusinessByEmail';
        //第一个实例
        table.render({
            elem: '#businessTable'
            , height: 312
            , url: businessUrl //数据接口
            , page: false //是否开启分页
            , cols: [
                [ //表头
                    {field: 'businessId', title: '业务编号', width: 100, sort: true}
                    , {field: 'applicantCode', title: '申请号', width: 160}
                    , {field: 'applicantTime', title: '申请时间', width: 160}
                    , {field: 'businessName', title: '业务名', width: 160}
                    , {field: 'businessTopType', title: '业务类型', width: 100,}
                    , {field: 'businessSecondType', title: '业务种类', width: 160}
                    , {field: 'trademarkType', title: '商标类型', width: 200}
                    , {field: 'price', title: '成交价格', width: 100}
                    , {field: 'proxyMoney', title: '代理费', width: 100}
                    , {field: 'createBy', title: '创建人', width: 80}
                    , {field: 'createTime', title: '创建时间', width: 160}
                    , {field: 'updateBy', title: '修改人', width: 80}
                    , {field: 'updateTime', title: '修改时间', width: 160}
                    , {field: 'customId', title: '客户ID', width: 100}
                    , {field: 'remark', title: '备注', width: 100}
                ]
            ]
        });
    });

    layui.use('table', function () {
        var table = layui.table;
        let progressUrl = '/progress/showProgressByEmail'
        //第一个实例
        table.render({
            elem: '#progressTable'
            , height: 312
            , url: progressUrl //数据接口
            , page: false //是否开启分页
            , cols: [
                [
                    {field: 'progressId', title: '进度ID', width: 80, fixed: 'left'},
                    {
                        field: 'businessName', title: '业务名', width: 120, templet: function (progress) {
                            if (progress.businessName != null) {
                                return '<a href="/progress/showBusinessAndProgress?businessId=' + progress.businessId + '">' + progress.businessName + '</a>';
                            } else {
                                return "";
                            }
                        }
                    },
                    {field: 'progressType', title: '进度类型', width: 120},
                    {
                        field: 'uploadId', title: '进度文件(点击下载)', width: 170,
                        templet: function (progress) {
                            if (progress.uploadId != null) {
                                return '<a href="' + progress.destinationName + '">' + progress.sourceName + '</a>';
                            } else {
                                return "";
                            }
                        }
                    },
                    {field: 'businessId', title: '业务ID', width: 80, hide: true},
                    {field: 'createBy', title: '创建人', width: 80},
                    {field: 'createTime', title: '创建时间', width: 100},
                    {field: 'updateBy', title: '更新人', width: 80},
                    {field: 'updateTime', title: '更新时间', width: 100},
                    {field: 'remark', title: '备注', width: 160}
                ]
            ]
        });
    });
</script>
</body>

</html>